<template>
  <div class="orderDetail">
    <showBanner class="white"></showBanner>
    <!-- 查看订单详情 -->
    <div class="containor">
      <div class="titleBox">
        <div class="titleHead">
          <span>订单消息</span>
        </div>
        <div class="titleRow">
          <span>订单号:{{orderList.order_num}}</span>
        </div>
        <div class="titleRow">
          <span>订单类型:{{orderList.type}}</span>
        </div>
        <div class="titleRow">
          <span>付款状态:{{orderList.type}}</span>
        </div>
        <div class="titleRow">
          <span>空间名称:{{orderList.space_name}}</span>
        </div>
        <div class="titleRow">
          <span>购买日期:{{orderList.creat_time}}</span>
        </div>
        <div class="titleRow">
          <span>付款时间:{{orderList.pay_time}}</span>
        </div>
        <div class="titleRow">
          <span>商家确认:{{orderList.type}}</span>
        </div>
        <div class="titleRow">
          <span>实际支付:{{orderList.pay_money}}</span>
        </div>
        <div class="titleRow">
          <span>支付方式:{{orderList.pay_type}}</span>
        </div>
        <div class="titleRow">
          <span>优惠卷:{{orderList.type}}</span>
        </div>
      </div>
      <div class="titleBox">
        <div class="titleHead">
          <span>拍摄信息</span>
        </div>
        <div class="titleRow">
          <span>拍摄日期:{{orderList.begin_time}}</span>
        </div>
        <div class="titleRow">
          <span>取景区域:{{orderList.begin_time}}</span>
        </div>
        <div class="titleRow">
          <span>人数限制:{{orderList.begin_time}}</span>
        </div>
        <div class="titleRow">
          <span>可携带设备:{{orderList.begin_time}}</span>
        </div>
        <div class="titleRow">
          <span>拍摄状态:{{orderList.shooting_state}}</span>
        </div>
      </div>
      <div class="titleBox">
        <div class="titleHead">
          <span>费用信息</span>
        </div>
        <div class="titleRow">
          <span>拍摄费用:{{orderList.pay_money1}}</span>
          <span>明细:</span>
        </div>
        <div class="titleRow">
          <span>组合费用:{{orderList.pay_money1}}</span>
          <span>明细:</span>
        </div>
      </div>
      <div class="titleBox">
        <div class="titleHead">
          <span>用户信息</span>
        </div>
        <div class="titleRow">
          <span>用户姓名:{{orderList.user_name}}</span>
        </div>
        <div class="titleRow">
          <span>联系电话:{{orderList.user_tel}}</span>
        </div>
        <div class="titleRow">
          <span>预计到场人数:{{orderList.present_people}}</span>
        </div>
        <div class="titleRow">
          <span>公司名称:{{orderList.company}}</span>
        </div>
        <div class="titleRow">
          <span>备注:{{orderList.remarks}}</span>
        </div>
      </div>

      <!-- <div class="titleRow">
        <span>余额支付金额:{{orderList.pay_money1}}</span>
      </div>
      <div class="titleRow">
        <span>优惠券支付金额:{{orderList.discount}}</span>
      </div>
      <div class="titleRow">
        <span>费用包含:拍摄:{{orderList.shoot_money}};{{orderList.room}}住宿:{{orderList.room_money}}/{{orderList.room}}间;用餐:{{orderList.lunch_people}}</span>
      </div>
      <div class="titleRow">
        <span>实际金额:{{orderList.pay_money}}</span>
      </div>
      <div class="titleRow">
        <span>发票:{{orderList.tax}}</span>
      </div>
      <div class="titleRow">
        <span>订单来源:{{orderList.type}}</span>
      </div> -->
    </div>
  </div>
</template>
<script type="text/ecmascript-6">
// import showBanner from '@/components/showBanner/showBanner'
export default {
  name: 'orderDetail',
  components: {
    // showBanner
  },
  data() {
    return {
      orderList: {}
    }
  }
}
</script>
<style lang="stylus" rel="stylesheet/stylus" scoped>
@import '../../../assets/stylus/variable'
.orderDetail
  margin 16px
  background #fff
  height 800px
  .containor
    .titleBox
      display flex
      flex-flow row wrap
      padding 20px 16px 16px
      border-bottom 1px solid #F2F6FC
      padding 0 24px
      .titleHead
        font-size $font-size-big
        color $color-text
        font-weight 800
        width 100%
        height 50px
        line-height 50px
      .titleRow
        width 30%
        font-size 14px
        margin-bottom 18px
        color #888888
        display flex
        flex-flow row nowrap
        align-items center
          .textColor
            color #444
</style>
